<!doctype html>
<html>
<head>
	<title>DataBind : Example2</title>
	
	<link href="Styles/static.css" type="text/css" rel="Stylesheet" />
	
	<script type="text/javascript" src="Scripts/jquery-1.3.2.min.js"></script>
	<script type="text/javascript" src="Scripts/jquery.databind.min.js"></script>
		
	<script type="text/javascript">
	    $(document).ready(function() {

	        var list = { gender: [[0, 'Female'], [1, 'Male']] };
	        var data = { name: 'John Doe', age: 35, gender: 1 };

	        $('#form1').binddata(list); //Bind the select
	        $('#form1').binddata(data); //Bind the data
	    });
	    
	</script>
	
</head>
<body>

    <form id="form1" action="#">
        <label for="name" >Name</label><input type="text" id="name" /><br />
        <label for="age">Age</label><input type="text" id="age" /><br />
        <label for="gender">Gender</label><select id="gender"></select>
    </form>
		
</body>
</html>
